<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统</title>
    <link rel="stylesheet" href="../bookstrap/css/bootstrap.min.css"></head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">后台管理</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">后台首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">用户管理</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">订单管理</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">商品管理</a>
                </li>
            </ul>
            <span class="navbar-text">
                admin <a href="#" class="ml-2">退出</a>
            </span>
        </div>
    </nav>

    <div class="container-fluid mt-3">
        <div class="row">
            <!-- 侧边栏 -->
            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" href="#">
                                商品列表
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">
                                查询商品
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">
                                添加商品
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <!-- 主内容 -->
            <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
                <h2>商品管理 > 添加商品</h2>
                <form>
                    <div class="form-group">
                        <label for="productName">商品名称：</label>
                        <input type="text" class="form-control" id="productName" placeholder="请输入商品名称">
                    </div>
                    <div class="form-group">
                        <label for="productCode">货号：</label>
                        <input type="text" class="form-control" id="productCode" placeholder="请输入货号">
                    </div>
                    <div class="form-group">
                        <label for="inventory">库存量：</label>
                        <input type="number" class="form-control
                        <input type="text" class="form-control" id="inventory" placeholder="请输入库存量">
                    </div>
                    <div class="form-group">
                        <label for="price">价格：</label>
                        <input type="text" class="form-control" id="price" placeholder="请输入价格">
                    </div>
                    <div class="form-group">
                        <labelfor="productDesc">商品描述：</label>
                        